<div class="layui-col-md4">

    <dl class="fly-panel fly-list-one">
        <dt class="fly-panel-title">本周热议</dt>
        <@hots>
            <#list results as post>
                <dd>
                    <a href="${base}/post/${post.id}" style="color: #009688">${post.title}</a>
                    <span><i class="iconfont icon-pinglun"></i> ${post.commentCount}</span>
                </dd>
            </#list>
        </@hots>
    </dl>
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this fly-panel-title">温馨通道</li>
        </ul>
        <div class="layui-tab-content">
            <dd class="fly-panel-main fly-list-static">
                <li>
                    <a href="https://juejin.cn/column/7049603246268579876" target="_blank">Spring Cloud Alibaba 实战专栏</a>
                </li>
                <li>
                    <a href="https://juejin.cn/column/7062989831655129102" target="_blank">优秀开源项目解读</a>
                </li>
                <li>
                    <a href="https://juejin.cn/post/7070078503915356197" target="_blank">Java业界优秀开源项目墙裂推荐</a>
                </li>
            </dd>
        </div>
    </div>

    <div class="fly-panel fly-signin">
        <div class="fly-panel-title">
            签到
            <i class="fly-mid"></i>
            <a href="javascript:;" class="fly-link" id="LAY_signinHelp">说明</a>
            <i class="fly-mid"></i>
            <a href="javascript:;" class="fly-link" id="LAY_signinTop">活跃榜<span class="layui-badge-dot"></span></a>
            <span class="fly-signin-days">已连续签到<cite>16</cite>天</span>
        </div>
        <div class="fly-panel-main fly-signin-main">
            <button class="layui-btn layui-btn-danger" id="LAY_signin">今日签到</button>
            <span>可获得<cite>5</cite>飞吻</span>

            <!-- 已签到状态 -->
            <!--
            <button class="layui-btn layui-btn-disabled">今日已签到</button>
            <span>获得了<cite>20</cite>飞吻</span>
            -->
        </div>
    </div>

    <div class="fly-panel">
        <div class="fly-panel-title">
            广告区域
        </div>
        <div class="fly-panel-main">
            <a href="https://v2.layuion.com/layim/" target="_blank" class="fly-zanzhu"
               time-limit="2017.09.25-2099.01.01" style="background-color: #5FB878;">LayIM 3.0 - layui 旗舰之作</a>
        </div>
        <div class="fly-panel-main">
            <a href="https://v2.layuion.com/layuiadmin/" target="_blank" class="fly-zanzhu"
               time-limit="2017.09.25-2099.01.01" style="background-color: #5FB878;">Layui Admin 1.7.2 - layui
                纯静态UI模板</a>
        </div>
    </div>

    <div class="fly-panel fly-link">
        <h3 class="fly-panel-title">友情链接</h3>
        <dl class="fly-panel-main">
            <dd><a href="https://v2.layuion.com/layim/" target="_blank">layui</a>
            <dd>
            <dd><a href="https://v2.layuion.com/layim/" target="_blank">WebIM</a>
            <dd>
            <dd><a href="https://gitee.com/sentsin/layer" target="_blank">layer</a>
            <dd>
            <dd><a href="hhttps://gitee.com/sentsin/laydate" target="_blank">layDate</a>
            <dd>
            <dd><a href="mailto:xianxin@layui-inc.com?subject=%E7%94%B3%E8%AF%B7Fly%E7%A4%BE%E5%8C%BA%E5%8F%8B%E9%93%BE"
                   class="fly-link">申请友链</a>
            <dd>
        </dl>
    </div>

</div>